<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>活动图</title>
		<style>
			*{
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
		/* 切片：中控区1104*260 */
		section div#event{
			width: 1104px;
			height: 260px;
			backgroun d-color: aquamarine;
			margin: 0 auto;
		}
		/* 浮动 li元素 */
		section div#event ul li{
			float: left;
			margin-top: 28px;
			margin-left: 13.3px;
		}
		
		/* 去掉第一个li 间隙 0 */
		section div#event ul li:first-child{
			margin-left: 0;
		}
		
		/* 调整图片  266*200*/
		section div#event ul li img{
			width: 266px;
			height: 200px;
			
		}
		</style>
	</head>
	<body>
		<!-- section元素：页面区域划分 、文章划分、章节划分-->
		<section>
			<!-- 中控区 -->
			<div id="event">
				<ul>
					<li><img src="img/left.png" alt="1"></li>
					<li><img src="img/subnav_icon01.png" alt="2"></li>
					<li><img src="img/subnav_icon02.jpg" alt="3"></li>
					<li><img src="img/subnav_icon03.png" alt="4"></li>
				</ul>
			</div>
		</section>
	</body>
</html>